﻿<%@ Page Language="C#" Title="Select Surface type" AutoEventWireup="true" MasterPageFile="~/Pages/Site.Master" Inherits="GMS.Pages_SelectSurface" Codebehind="SelectSurface.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {

        });
    </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
        <div class="container_center">
            <div>
                <h2>
                    Select a Surface
                </h2>
                <p>
                    Click on the type of stone  material you would like for your countertop.  You can change this material later.
                </p>
            </div>
            <br />
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Repeater ID="rptrSelectStoneType" runat="server" OnItemCommand="rptrSelectStoneType_ItemCommand"
                        OnItemDataBound="rptrSelectStoneType_ItemDataBound">
                        <HeaderTemplate>
                            <ul class="media-grid" >
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                                <div class="well span4" style="text-align: center;" id="dvImg" runat="server">
                                    <asp:ImageButton ID="imgStoneType" runat="server" CssClass="thumbnail" ImageUrl='<%# Bind("ImagePath") %>'
                                        AlternateText='<%# Bind("StoneTypeId") %>' ToolTip='<%# Bind("Name") %>'
                                        CommandName="Click" CommandArgument='<%# Bind("StoneTypeId") %>' Height="150" 
                                        Width="210" />
                                    <div>
                                        <h4>
                                            <asp:Label ID="lblStoneName" runat="server" Text='<%# Bind("Name") %>' />
                                        </h4>
                                        <h4>
                                            <asp:Label ID="lblStoneType" runat="server" Text='<%# String.Concat("$", Eval("MinPrice"), ".00 - $", Eval("MaxPrice"), ".00 / sq .ft.") %>' />
                                        </h4>
                                    </div>
                                </div>
                            </li>
                          </ItemTemplate>
                         <FooterTemplate>
                        </ul>
                       </FooterTemplate>
                    </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnNext" runat="server" CssClass="btn primary" Text="Next" OnClick="btnNext_Click" ForeColor="White" BackColor="Green"  />
        </div>
    </div>
</asp:Content>
